import React, {useContext} from 'react';
import {ThemeContext, UserContext} from "../context";

const UseContext = () => {

    const userInfo = useContext(UserContext);
    const className = useContext(ThemeContext)

    return (
        <div className={className}>
            <h2>Use Context</h2>
            <h3>username: {userInfo.username}</h3>
        </div>
    );
};

export default UseContext;